<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Rentpad Featured Properties</title>
        <style>
            a {color:#404042;text-decoration:none;}      /* unvisited link */
            a:visited {color:#404042;}  /* visited link */
            a:hover {color:#404042;}  /* mouse over link */
            a:active {color:#404042;}  /* selected link */
            @font-face
            {
                font-family: avant;
                src: url('${model.props.appPath}/fonts/avangmi-webfont.ttf');
            }
            -webkit-overflow-scrolling: touch; 
        </style>
        
        <style>
            .myButton3 {
                background-color:#44c767;
                -moz-border-radius:28px;
                -webkit-border-radius:28px;
                border-radius:28px;
                border:1px solid #44c767;
                display:inline-block;
                cursor:pointer;
                color:#ffffff;
                font-family: tahoma, avant, arial;
                font-size:20px;
                padding:10px 33px;
                text-decoration:none;
                text-shadow:0px 1px 0px #44c767;
            }
            .myButton3:hover {
                background-color:#44c767;
                color:#ffffff;
            }
            .myButton3:active {
                position:relative;
                top:1px;
                color:#ffffff;
            }
            .myButton3:visited {
                color:#ffffff;
            }
        </style>
        <script type="text/javascript" src="js/jquery/jquery-1.8.3.min.js"></script>
        <script>
            (function(i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function() {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
            ga('create', 'UA-44197833-1', 'rentpad.com.ph');
            ga('send', 'pageview');
        </script>
    </head>

    <body style="text-align: center; background-color: #333; color: #404042; font-family: avant, Century Gothic, Calibri, Verdana; padding: 0px; margin: 0px;">                

        <div style="margin-top: 0px; background-color: white;">

            <%@include file="header.jsp" %>

            <div style="width: 100%; text-align: left; font-family: avant, Century Gothic, Calibri, Verdana; color: #404042; background-color: white; background: url('${model.props.appPath}/img/content-bg-short.jpg'); background-repeat: repeat-x; display: block; position: relative; top: -2px;">

                <div style="width: 70%; margin-top: 10px; margin: 0 auto;">

                    <br>

                    <h1>&nbsp;How do I stand out from the crowd?</h1>

                    <hr>
                    
                    <div style="padding: 3px;">
                    <p>
                        Featured Properties &mdash; is a paid service from us where you can position on stop spot for only <b>Php 97 for one week</b>.<Br>
                        <p>Here's what it does:</p>
                        <ul>
                            <li style="padding: 3px;">Your property appears on the top of search results.</li>
                            <li style="padding: 3px;">Your property comes out on the top of each page of search results.</li>
                            <li style="padding: 3px;">Your property displays with a highlight to make it really stand out.</li>
                        </ul>
                        
                    </p>

                    <br><br>
                    
                    <div style="background-color: #f7f7f7;">
                        
                        <br><br> 
                        
                        <div style="margin-left: 25%">Check these samples out. Your property will display here &darr; &darr;</div>

                        <br><br>                  
                        <img src="${model.props.appPath}/img/featured-example-1-1.jpg" style="width: 94%; margin-left: 3%"/>                    
                        <br><br><br>

                        <div style="margin-left: 40%">And also here &darr; &darr;</div>

                        <br><br>
                        <img src="${model.props.appPath}/img/featured-example-2-2.jpg" style="width: 94%; margin-left: 3%"/>
                        <br><br><br>
                        
                        <div style="margin-left: 25%">And then get ready to be noticed by more renters &darr; &darr;</div>
                        
                        <br><br>
                        <img src="${model.props.appPath}/img/get-started.jpg" style="width: 65%; max-height: 350px; margin-left: 18%"/>
                        <br><br><br>
                    </div>
                        
                    
                    <br><br><br>
                    
                    <a href="featured.htm?a=21&id" class="myButton3" style="margin-left: 25%">Click here to start featuring your properties</a>
                    
                    <br><br><br>   
                        
                    <fieldset>
                        <legend><h2>Rules</h2></legend>
                        <ol>
                            <li style="padding: 3px;">
                                You can choose which city and which category you want to be featured.
                                <br><br>
                                City choices are:
                                <ul>
                                    <li style="padding: 2px;">Makati</li>
                                    <li style="padding: 2px;">Taguig</li>
                                    <li style="padding: 2px;">Mandaluyong</li>
                                    <li style="padding: 2px;">Pasig</li>
                                    <li style="padding: 2px;">Quezon City</li>
                                    <li style="padding: 2px;">Manila</li>
                                    <li style="padding: 2px;">Pasay</li>
                                    <li style="padding: 2px;">Paranaque</li>
                                    <li style="padding: 2px;">Muntinlupa</li>
                                    <li style="padding: 2px;">San Juan</li>
                                    <li style="padding: 2px;">and Cebu</li>
                                    <li style="padding: 2px;">(more to come soon)</li>
                                </ul>
                                <br>
                                Category choices are:
                                <ul>
                                    <li style="padding: 2px;">Long term rentals</li>
                                    <li style="padding: 2px;">Short term rentals</li>
                                </ul>
                                <br>
                            </li>                            
                            <li style="padding: 5px;">
                                Each city-category can accommodate up to 7 featured properties (the featured pool) at any given time.
                            </li>                        
                            <li style="padding: 5px;">
                                Each city-category can display 3 featured properties at one time.
                            </li>                      
                            <li style="padding: 5px;">
                                On each page refresh and change page the system randomly chooses 3 properties from the featured pool.
                            </li>                      
                            <li style="padding: 5px;">
                                The positioning of the featured properties is also random.
                            </li>   
                        </ol>
                        <br>
                        <span style="margin-left: 63%">Need help? reach us via <span style="color: #369;">team@rentpad.me</span></span>
                        <br>
                    </fieldset>

                    <br><br><br>
                    
                    <a href="featured.htm?a=21&id" class="myButton3" style="margin-left: 25%">Click here to start featuring your properties</a>
                    
                    <br><br><br>
                    <br><br><br>
                    <br><br><br>
                    
                    </div>
                </div>

            </div>

            <%@include file="footer.jsp" %>


        </div>

    </body>

</html>
